import React from 'react';
import { Center } from './styled'

export default function center() {
  return <Center>
    <div className='avatar'>
      <img src={require('@/assets/img/tx.png')} alt="" />
      <div className='nick-name'>立即登录</div>
    </div>
    <ul className='my-order-tab'>
      <li>
        <img src={require('@/assets/img/center-lt.png')} alt="" />
        <div>电影订单</div>
      </li>
      <li>
        <img src={require('@/assets/img/center-gt.png')} alt="" />
        <div>商品订单</div>
      </li>
    </ul>
    <div className='margin-set my-card'>
      <img src={require('@/assets/img/center-1.png')} alt="" style={{width:'0.2rem',height:'0.2rem'}} />
      <span className='label'>卖座券</span>
      <img src={require('@/assets/img/right.png')} alt="" style={{width:'0.06rem',height:'0.1rem'}}/>
    </div>
    <div className='margin-set my-card'>
      <img src={require('@/assets/img/center-2.png')} alt="" style={{width:'0.2rem',height:'0.2rem'}}/>
      <span className='label'>组合红包</span>
      <img src={require('@/assets/img/right.png')} alt="" style={{width:'0.06rem',height:'0.1rem'}}/>
    </div>
    <div className='margin-set my-card'>
      <img src={require('@/assets/img/center-3.png')} alt="" style={{width:'0.2rem',height:'0.2rem'}}/>
      <span className='label'>余额</span>
      <img src={require('@/assets/img/right.png')} alt="" style={{width:'0.06rem',height:'0.1rem'}}/>
    </div>
    <div className='margin-set my-card'>
      <img src={require('@/assets/img/center-4.png')} alt="" style={{width:'0.2rem',height:'0.2rem'}}/>
      <span className='label'>帮助与客服</span>
      <img src={require('@/assets/img/right.png')} alt="" style={{width:'0.06rem',height:'0.1rem'}}/>
    </div>
    <div className='margin-set my-card'>
      <img src={require('@/assets/img/center-5.png')} alt="" style={{width:'0.2rem',height:'0.2rem'}}/>
      <span className='label'>设置</span>
      <img src={require('@/assets/img/right.png')} alt="" style={{width:'0.06rem',height:'0.1rem'}}/>
    </div>
  </Center>;
}
